<template>
<div class="sales_content">
   <div class="sales_items">
       <div class="clearfix">
           <div class="fl"><img src="../../../common/images/activity.png"></div>
           <div class="fl">
               <p class="twoline">五一怎么过？｜当然是去陆家嘴软件陆家嘴软件陆家嘴软件园，9折狂欢享不停!</p>
               <span>2017年4月21日</span>
           </div>
       </div>
   </div><!--ales_items ed-->

    <div class="sales_items">
       <div class="clearfix">
           <div class="fl"><img src="../../../common/images/activity.png"></div>
           <div class="fl">
               <p class="twoline">五一怎么过？｜当然是去陆家嘴软件陆家嘴软件陆家嘴软件园，9折狂欢享不停!</p>
               <span>2017年4月21日</span>
           </div>
       </div>
   </div><!--ales_items ed-->

    <div class="sales_items">
       <div class="clearfix">
           <div class="fl"><img src="../../../common/images/activity.png"></div>
           <div class="fl">
               <p class="twoline">五一怎么过？｜当然是去陆家嘴软件园，9折狂欢享不停!</p>
               <span>2017年4月21日</span>
           </div>
       </div>
   </div><!--ales_items ed-->
</div>
</template>
<script>

</script>
<style scoped lang="less">
.sales_content{
    width:100%;
    margin-top: 0.2rem;
    border-top:0.01rem solid #c9c9c9;
    background-color: #fff;
    .sales_items>div{
        width:96%;
        margin-left: 4%;
        border-bottom: 0.025rem solid #eee;
        padding:0.3rem 0;
        position: relative;
        &>div:nth-child(1){
            width:2rem;
            img{
                width:1.8rem;
                height: 1.2rem;
            }
        }
        &>div:nth-child(2){
            width:66%;
            p{
                color:#3e3e3e;
                font-size: 0.3rem;
            }
            span{
                display: block;
                color:#a5a5a5;
                font-size: 0.22rem;
                position: absolute;
                bottom:0.3rem;
            }
        }
    }
}
</style>
